@charset "utf-8";
/* CSS Document */


.phone-menu-ico{
    font-size:24px;
    padding:18px;
    color: #1e50ae;
    cursor: pointer;
    background: #fff;
}
.phone-menu-ico:hover{
    background: #333;
    color: #fff;
}

.phone-top-menu{
    display: none;
}
.phone-menu-show{
    position: fixed;
    width:220px;
    background: #1e50ae;
    height:100%;
    z-index: 99999;
    right:-220px;
    top:0;
    transition:all .3s;
}
.phone-menu-hide{
    height:40px;
    text-align: right;
    margin:10px 20px 0 0;
    cursor: pointer;
}
.phone-menu-hide span{
    font-size: 20px;
    margin:10px 0 0 0;
    color: #eee;
}
.phone-menu-show li{
    height:40px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.phone-menu-show li a{
    display: block;
    line-height:40px;
    font-size: 14px;
    padding:0 0 0 40px;
    transition:all .3s;
    color: #eee;
}
.phone-menu-show li a:hover{
    padding:0 0 0 45px;
}
@media (max-width: 1199px) {
    .xz-block-body .col-xs-4{
        padding:20px;
    }
    .xz-block-item .img{
        width:50%;
        float:none !important;
        margin:0 auto;
    }
    .xz-block-item .con{
        float:none !important;
        margin:20px 0 0 0;
        text-align: center;
    }
    .xz-block-item .con p{
        padding:5px 0 0 0 ;
        color: #fff;
        line-height:2;
    }
}
@media (max-width:992px){
    .header{
        height:60px;
    }
    .logo img{
        max-height: 40px;
    }
    .top-menu{
        display: none;
    }
    .phone-top-menu{
        display: block;
    }
    .about-wrap{
        background-position: left top;
        background-size: 100% 500px;
    }
    .about-ys{
        margin:40px 20px;
    }
    .about-ys li .ico i{
        font-size: 28px;
    }
    .about-con{
        margin:50px 0;
        height:420px;
    }
    .about-con .tit{
        padding: 12% 0 6%;
    }
    .case-tit{
        margin:50px 0;
    }
    .case-wrap{
        padding:0 0 40px 0;
    }
    .table_form tbody tr{
        float: none;
        width:auto;
    }
    .table_form tbody tr.modal-footer td{
        float: none;
        text-align: left;
    }
    .iish-cm9{
        padding:30px 0;
    }
    #kefu{
        display: none;
    }
    .zoomPup{
        display: none!important;
    }
    .zoomWindow{
        display: none!important;
    }
    .inner-product-menu .tit a{
        display: block;
    }
    .ptb80{
        padding:40px 0;
    }
    .inner{
        padding:0 0 40px 0;
    }
    .inner-page-body p{
        padding:10px 0 0 0;
    }
    .ys-box{
        padding:50px 0 0 0;
    }
    .ys-item i{
        font-size: 30px;
    }
    .ys-item h5{
        font-size: 16px;
        padding:20px 0 10px;
    }
    .product-wrap{
        padding:40px 0;
    }
    .mt50{
        margin-top:30px;
    }
    .contact-img{
        display: none;
    }
    .contact-tit{
        display: none;
    }
    .contact-wrap{
        padding: 30px 0;
    }
    .contact{
        padding:0 0 0 30px;
    }
}

@media (max-width:768px){
    .about-con .tit{
        padding: 20% 0 8%;
    }
   .ban1-more{
       text-align: left;
       margin:10px 0 0 0;
   }
    .ys-box .row{
        margin:0;
    }
    .about-ys_con{
        padding:0;
    }
    .contact-item p{
        font-size: 14px;
    }
    .contact-item h6{
        font-size: 26px;
    }
    .ys-box .col-xs-4{
        padding:0 10px;
    }
	#ufb-tel{
        display: block!important;
    }
}